<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<table border="1px" width="80%" cellspacing="0">
    <tr>
        <th>ID</th>
        <th>用户名</th>
        <th>操作</th>
    </tr>

    <tr>
        <td>1</td>
        <td>admin</td>
        <td>
            <button>编辑</button>
            <button onclick="del()">删除</button>
        </td>
    </tr>
    <tr>
        <td>1</td>
        <td>admin</td>
        <td>
            <button>编辑</button>
            <button>删除</button>
        </td>
    </tr>
    <tr>
        <td>1</td>
        <td>admin</td>
        <td>
            <button>编辑</button>
            <button>删除</button>
        </td>
    </tr>
</table>


<script>
    // 警告窗口
    // window.alert('操作失败')

    // 输入框口
    // var num = window.prompt('请输入一个数字')
    // console.log(typeof num)

    // 确认窗口
    // var result = window.confirm('确认窗口')
    // console.log(result)

    function del() {

        var result = window.confirm('确定要删除当前行数据吗?')
        if (result){
            // 发送请求删除当前行数据  ajax
            console.log('数据已删除')
        }else {
            console.log('数据删除取消')
        }

    }

</script>

</body>
</html>